import React from 'react';
import ReactDOM from 'react-dom/client';
// 加载app组件入口文件
import App from './App';

// 创建根节点
let root =ReactDOM.createRoot(document.getElementById('root'))
// 渲染虚拟dom到页面
root.render(<App/>)
// import './index.css';

// let baiduNode=<>
//   {/* {百度首页} */}
//   <div className='baidu'>
//       <div className='logo'>
//           <img src='https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png'></img>
//       </div>
//       <div className='search'>
//           <input placeholder='' className='input'></input>
//           <button>百度一下</button>
//       </div>
//       <div className='hot'>
//           <span>百度热搜</span>
//           <span>换一换</span>
//       </div>
//       <div className='hotlist'>
//           <ul>
//              <li>1.开启新的奔赴</li>
//              <li>2.胡新宇家属:遗体在学校后山粮库</li>
//              <li>3.中疾控:中国本轮疫情已接近尾声</li>
            
//           </ul>
//           <ul>
//              <li>4.人气足 市场旺 信心强</li>
//              <li>5.胡新宇母亲:多人曾进粮库寻找过</li>
//              <li>6.什么是 “缢吊”?</li>
            
//           </ul>
//       </div>
//   </div>
//    {/* {todolist} */}
//    <div className='todolist'>
//       <div className='top'>
//         <div className='center'> 
//           <h2>拾亿记事本</h2>
//           <span>记录生活点点滴滴，写下生活每一个美好</span>
//           <div className='sacrch'>
//               <button>内容</button>
//               <input placeholder='请输入你要记事的内容'></input>
//               <button>确认</button>
//           </div>
//         </div>
//       </div>
//       <div className='list'>
//           <ul>
//             <li>
//               <span>1</span>
//               <span>第一条记事本</span>
//               <span>X</span>
//             </li>
//             <li>
//               <span>2</span>
//               <span>第二条记事本</span>
//               <span>X</span>
//             </li>
//             <li>
//               <span>3</span>
//               <span>第三条记事本</span>
//               <span>X</span>
//             </li>
//           </ul>
//       </div>
//       <div className='footer'>
//         <span>总条数:3</span>
//         <span >清除</span>
//       </div>
//    </div>
  
// </>
// // 4. 创建根节点
// let root = ReactDOM.createRoot(document.getElementById('root'))


// // 5. 渲染虚拟dom到页面中
// root.render(baiduNode)
